<template>

  <el-form ref="form" label-width="100px" :model="form" :inline="inline">
    <el-form-item v-for="item in forLable" :key="item.label" :label="item.label">
      <el-input v-if="item.type === 'input'" :placeholder="'请输入' + item.label" v-model="reform[item.model]">

      </el-input>
      <el-switch v-if="item.type === 'switch'" v-model="reform[item.model]">

      </el-switch>
      <el-date-picker v-if="item.type === 'date'" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
        v-model="reform[item.model]">
      </el-date-picker>
      <el-select v-if="item.type === 'select'" placeholder="请选择" v-model="reform[item.model]">

        <el-option v-for="ite in item.opts" :key="ite.value" :label="ite.label" :value="ite.label">

        </el-option>
      </el-select>
    </el-form-item>

    <el-form-item>
      <slot></slot>
    </el-form-item>

  </el-form>

</template>

<script>
export default {
  name: 'MagementForm',

  props: {
    forLable: Array,
    form: Object,
    inline: Boolean
  },
  data() {
    return {
      reform:this.form
      



    };
  },

  mounted() {

  },

  methods: {

  },
  computed: {
    // reform() {
    //   var forme= this.form
    //   console.log(forme);
    //   return forme
    // }

  }
};
</script>

<style lang="less" scoped>
</style>